<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
        <li><a ui-sref="main.finance.accountRec.list" href="">应收账款</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 内容区域 -->
<div class="wrapper-md content">
    <div class="panel panel-default">
        <!-- 头部 -->
        <div class="panel-heading font-bold">{{title}}
            <a class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs" ui-sref="main.finance.accountRec.list"><i class="text-md fa fa-times text-muted"></i></a>
        </div>
        <!--表单-->
        <div class="panel-body">
            <form class="form-horizontal"  name="extract_form" id="form">
                <!--流量主名称-->
                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label" for="companyName">
                        <span class="text-danger wrapper-sm">*</span>广告主</label>
                    <div class="col-sm-6">
                        <div class="search">
                            <input type="text" class="form-control"
                                   id="companyName" name="companyName" ng-model="record.companyName"
                                   ng-focus="showTheList();"
                                   ng-keyup="showTheList();"
                                   ng-blur="removeTheList()"
                                   placeholder="请输入广告主企业名称..."
                            />&nbsp;
                            <div id="theList" class="" ng-show="data.length!=0"  >
                                <div class="inListOut" ng-repeat="item in data" id="inListOut{{item.id}}" ng-mouseover="inListColorAdd(item.id)"   ng-mouseout="inListColorMove(item.id)" ng-click="itemSelectFunction(item.id,item.companyName)">
                                    <div style="font-family: 宋体; height: 25px; ">{{item.companyName}}</div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>
                <!--充值金额-->
                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label" for="amount">
                        <span class="text-danger wrapper-sm">*</span>充值金额</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" name="amount" id="amount" placeholder="请输入充值金额..." ng-model="record.amount" onkeyup="if(!/^[0-9\.]+$/.test(this.value)) { this.value='';}" required>
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>
                <!--收款类型-->
                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label" for="receiptType">
                        <span class="text-danger wrapper-sm">*</span>收款类型</label>
                    <div class="col-sm-6">
                        <select class="form-control"   ng-model="record.receiptType"  id="receiptType" name="receiptType" >
                           <!-- <option value="01">支付宝</option>
                            <option value="02">财付通</option>-->
                            <option value="3">银行转账</option>
                        </select>
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>
                <!--付款账户-->
                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label" for="payeeAccount">
                        <span class="text-danger wrapper-sm">*</span>收款账户</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" name="payeeAccount" id="payeeAccount" placeholder="请输入收款账户..." ng-model="record.payeeAccount"  onkeyup="if(!/^\d+$/.test(this.value)) { this.value='';}">
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>
                <!-- 行别-->
                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label" for="payeeBank">
                        <span class="text-danger wrapper-sm">*</span>开户行</label>
                    <div class="col-sm-6">
                        <!--<input type="text" class="form-control" name="payeeBank" id="payeeBank" placeholder="请输入行别..." ng-model="record.payeeBank">-->
                        <select class="form-control" name="payeeBank" ng-model="record.payeeBank" ng-options="bank.bankCode as bank.bankName for bank in bankList" id="payeeBank">
                        </select>
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>
                <!--&lt;!&ndash; 开户行&ndash;&gt;
                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label" for="bankCardName">
                        <span class="text-danger wrapper-sm">*</span>开户行</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" name="bankCardName" id="bankCardName" placeholder="请输入开户行..." ng-model="record.bankCardName">
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>
                </div>
                <div ng-show="record.receAcctType=='03'">
                    &lt;!&ndash;支付宝账号&ndash;&gt;
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" for="alipay">
                            <span class="text-danger wrapper-sm">*</span>支付宝账号</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="alipay" id="alipay" placeholder="请输入支付宝账号..." ng-model="record.alipay">
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    &lt;!&ndash;支付宝用户名&ndash;&gt;
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" for="alipayName">
                            <span class="text-danger wrapper-sm">*</span>支付宝用户名</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="alipayName" id="alipayName" placeholder="请输入支付宝用户名..." ng-model="record.alipayName">
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                </div>
-->
                <!-- 汇款单位/个人：-->
                <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label" for="info">
                        <span class="text-danger wrapper-sm">*</span>收款单位/个人</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control"  placeholder="请输入收款单位/个人" ng-model="record.info" id="info" name="info">
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>
              <!--  &lt;!&ndash; 交易流水号&ndash;&gt;-->
                    <div class="form-group">
                        <label class="col-lg-2 col-sm-3 control-label" for="bankTradeNo">
                            <span class="text-danger wrapper-sm">*</span> 交易流水号</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="bankTradeNo" id="bankTradeNo" placeholder="请输入交易流水号..." ng-model="record.bankTradeNo"  onkeyup="if(!/^\d+$/.test(this.value)) { this.value='';}" >
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
               <!--     &lt;!&ndash; 交易日期&ndash;&gt;-->
              <!--  <div class="form-group">
                    <label class="col-lg-2 col-sm-3 control-label" for="tradeDate">
                        <span class="text-danger wrapper-sm">*</span> 交易日期</label>
                    <div class="col-sm-6">
                      <input type="text" class="form-control" name="tradeDate" id="tradeDate" placeholder="请输入交易日期..."  onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss', start: laydate.now(0, 'YYYY-MM-DD hh:mm:ss')})">
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>-->

                <div class="form-group">

                    <div class="col-sm-6 col-sm-offset-2" >
                        <button type="button" class="btn btn-info w-xs m-l-xl" ng-disabled="isDisabled" ng-click="osubmit(1)">继续添加</button>
                        <button type="button" class="btn btn-info w-xs m-l-xl" ng-disabled="isDisabled" ng-click="osubmit(2)">保存</button>
                            <!--<a ui-sref="main.finance.accountRec.list">
                                <button class="btn btn-default w-xs m-l-xl">返回</button>
                            </a>-->
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<style>
    .search{
        position: relative;
        height:38px;
    }
    #theList{
        position: absolute;
        z-index:1000;
        top:39px;
        left:0px;
        background: #fff;
        width:100%;
        border:1px solid #ccc;
    }
    .inListOut{
        cursor: pointer;
        padding:0 5px;

    }
    .inListOut:hover{
        background: #eee;
    }
</style>